<header style="height: 5px;">
	<div class="pure-menu pure-menu-horizontal pure-menu-fixed">
		<ul class="pure-menu-list">
			<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover" data-ng-hide="loginStatus"><a data-ng-click="showLogin();" class="pure-menu-link" style="width: 32px; height: 18px;">登录</a>
				<ul class="pure-menu-children" style="background-color: orange;">
					<li class="pure-menu-item pure-u-1"><a class="pure-menu-link"><label>手机：</label><input type="tel" maxlength="11" required data-ng-model="phone" placeholder="请输入手机号"></a></li>
					<li class="pure-menu-item pure-u-1"><a class="pure-menu-link"><label>密码：</label><input type="password" required data-ng-model="pwd" placeholder="请输入密码"></a></li>
					<li class="pure-menu-item pure-u-1"><a class="pure-menu-link"><button class="pure-button" data-ng-click="login(phone,pwd);">登录</button></a></li>
				</ul></li>
			<li class="pure-menu-item pure-menu-selected"><a data-ng-click="backHome();" class="pure-menu-link">主页</a></li>
		</ul>
	</div>
</header>

<div class="pure-g" style="padding: 2em 1em 0;">
	<form data-ng-model="order" class="pure-form pure-form-aligned pure-u-1">
		<div class="pure-u-1">
			<div>
				<div class="pure-control-group">
					<div class="pure-u-1">订单ID：</div>
					<div class="pure-u-1">
						<input readonly data-ng-model="order.uuid" type="text" class="pure-input-2-3">
					</div>
				</div>

				<div class="pure-control-group">
					<div class="pure-u-1">手机号：</div>
					<div class="pure-u-1">
						<input readonly data-ng-model="order.user.phone" type="text" class="pure-input-2-3">
					</div>
				</div>

				<div class="pure-control-group">
					<div class="pure-u-1">订单描述：</div>
					<div class="pure-u-1">
						<input readonly data-ng-model="order.description" type="text" class="pure-input-2-3">
					</div>
				</div>

				<div class="pure-control-group" ng-show="orderProductStatus">
					<div class="pure-u-1">产 品：</div>
					<div class="pure-u-1">
						<div id="product" class="am-collapse ">
							<h4 class="am-list-item-text am-text-lg" style="color: green;" ng-repeat="detail in order.orderDetails">
								{{ detail.product.description}}: ￥ {{ detail.product.price }} <a class="am-list-item-text">&nbsp;x <span data-ng-bind="detail.amount"></span>  = </a> <span class="am-text-xl" style="color: red;">{{ detail.product.price * detail.amount }} </span>
							</h4>
						</div>
					</div>
				</div>

				<div class="pure-control-group">
					<div class="pure-u-1">支付时间：</div>
					<div class="pure-u-1">
						<input readonly value="{{ order.postTime | date : 'yyyy-MM-dd HH:mm:ss' }}" type="text" class="pure-input-2-3">
					</div>
				</div>

				<div class="pure-control-group">
					<div class="pure-u-1">历史打折：</div>
					<div class="pure-u-1">
						<input readonly value="{{ order.discount? order.discount:'无'  }}" type="text" class="pure-input-2-3">
					</div>
				</div>

				<div class="pure-control-group">
					<div class="pure-u-1">总价：</div>
					<div class="pure-u-1">
						<input readonly value="{{ order.money }} 元" type="text" class="pure-input-2-3">
					</div>
				</div>


				<hr />

				<div class="pure-control-group">
					<div class="am-u-sm-4 am-u-md-4 am-text-right">
						<button class="pure-button" ng-click="delivery(order);">提货</button>
					</div>
				</div>

			</div>
		</div>
	</form>


</div>